﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pl">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Styl zależny od przeglądarki</title>
    <!-- Skrypt pochodzi z książki
        "Dynamiczny HTML. 101 praktycznych skryptów"  -->
    <!-- autor: Marcin Lis       http://marcinlis.com -->
    <script type="text/javascript">
      function getBrowserType()
      {
        //treść funkcji getBrowserType
      }
      function setStyle(nazwa)
      {
        var styleEl = document.createElement("link");
        styleEl.setAttribute("rel", "stylesheet");
        styleEl.setAttribute("type", "text/css");
        styleEl.setAttribute("href", nazwa);
        var head = document.getElementsByTagName("head");
        if(head){
          head[0].appendChild(styleEl);
        }
      }
      function ustalStyl()
      {
        switch(getBrowserType()){
          case 'ff' : setStyle('ff.css');break;
          case 'ie' : setStyle('ie.css');break;
          case 'ch' : setStyle('ch.css');break;
          case 'op' : setStyle('op.css');break;
          case 'sa' : setStyle('sa.css');break;
          case 'un' : setStyle('def.css');break;
        }
      }
      ustalStyl();
    </script>
  </head>
<body>
  <!-- treść witryny -->
</body>
</html>
